import { useState } from "react"

interface SquareProps {
  value: string;
  onSquareClick: () => void;  // 必填无参函数
  current?: boolean;  // 可选布尔值
}

export default function Square({value,onSquareClick,current=false}:SquareProps){
    if(current){
        return <button onClick={onSquareClick} className="flex item-center justify-center w-12 h-12 border-1 rounded-none border-white current_step">{value}</button>
    }else{
        return <button onClick={onSquareClick} className="flex item-center justify-center w-12 h-12 border-1 rounded-none border-white">{value}</button>
    }
}